<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- bootstrap -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
	<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
	<!-- bootstrap -->
	<script src="public/jQuery.min.js"></script>
	<link rel="stylesheet" href="./public/swiper-bundle.min.css">
	<script src="./public/swiper-bundle.min.js"></script>
	<link rel="stylesheet" href="./css/index.css">
	<title>首页</title>
</head>

<body>
	<div id="index">
		<!-- 头部 -->
		<header></header>
		<!-- 头部 -->
		<!-- 服务 -->
		<div class="servicebox">
			<div class="servicetop">
				<div class="service">
					<p class="servicetit">我们提供的服务</p>
					<p class="serviceeng">Services ortor arcu feugiat elitin suscipit dolor urna commodo maurissemper
						liberosed magna pretium malesuadrasnon tellus quis nisl ornare tincidunt pretium
						malesuadrasornare tincidunt pretium.</p>
				</div>
			</div>
			<div class="servicecont">
				<div class="container px-4">
					<div class="row gx-5" style="padding-top: 30px;">
						<div class="col">
							<div class="p-3">
								<div class="servicesmallbox">
									<img src="./img/index/xinzang.png" alt="">
									<div class="ssbtit">妇科</div>
								</div>
							</div>
						</div>
						<div class="col">
							<div class="p-3">
								<div class="servicesmallbox">
									<img src="./img/index/xinzang.png" alt="">
									<div class="ssbtit">妇科</div>
								</div>
							</div>
						</div>
						<div class="col">
							<div class="p-3">
								<div class="servicesmallbox">
									<img src="./img/index/xinzang.png" alt="">
									<div class="ssbtit">妇科</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 第二行 -->
					<div class="row gx-5" style="padding-top: 30px;">
						<div class="col">
							<div class="p-3">
								<div class="servicesmallbox">
									<img src="./img/index/xinzang.png" alt="">
									<div class="ssbtit">妇科</div>
								</div>
							</div>
						</div>
						<div class="col">
							<div class="p-3">
								<div class="servicesmallbox">
									<img src="./img/index/xinzang.png" alt="">
									<div class="ssbtit">妇科</div>
								</div>
							</div>
						</div>
						<div class="col">
							<div class="p-3">
								<div class="servicesmallbox">
									<img src="./img/index/xinzang.png" alt="">
									<div class="ssbtit">妇科</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 第三行 -->
					<div class="row gx-5" style="padding-top: 30px;">
						<div class="col">
							<div class="p-3">
								<div class="servicesmallbox">
									<img src="./img/index/xinzang.png" alt="">
									<div class="ssbtit">妇科</div>
								</div>
							</div>
						</div>
						<div class="col">
							<div class="p-3">
								<div class="servicesmallbox">
									<img src="./img/index/xinzang.png" alt="">
									<div class="ssbtit">妇科</div>
								</div>
							</div>
						</div>
						<div class="col">
							<div class="p-3">
								<div class="servicesmallbox">
									<img src="./img/index/xinzang.png" alt="">
									<div class="ssbtit">妇科</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 服务 -->
		<!-- 紧急情况 -->
		<div class="urgentbox">
			<div class="urgent">
				<div class="row" style="padding-top: 30px;">
					<div class="col-md-4">
						<div class="urgentsmallbox">
							<p class="usbtit">紧急情况</p>
							<p class="usbtext">事故和紧急情况是没有人放过的事情，也没有偏见。</p>
							<div>
								<button class="usbbut">联系我们</button>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="urgentsmallbox">
							<p class="usbtit">网上预约</p>
							<p class="usbtext">我们提供在线预约，24/7小时紧急护理和服务。</p>
							<div>
								<button class="usbbut">预约</button>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="urgentsmallbox">
							<p class="usbtit">OPD时间</p>
							<p class="usbtext">事故和紧急情况是没有人放过的事情，也没有偏见。</p>
							<div>
								<button class="usbbut">联系我们</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 紧急情况 -->
		<!-- 亚洲医院 -->
		<div class="asiabox">
			<div class="asiabox">
				<div class="service">
					<p class="servicetit">欢迎来到亚洲医院</p>
					<p class="serviceeng">
						我们致力于关心和改善人类生活，认识到这一承诺，我们努力为我们所服务的社区提供高质量，具有成本效益的护理。我们可以自豪地说，我们是100%遵守世界医疗保健标准的多专科和多超级专科医院。
					</p>
				</div>
				<div class="asiabotbox">
					<div class="container">
						<div class="row">
							<div class="col-md-6">
								<img src="./img/index/bgone (5).jpg" alt="" class="img-fluid">
							</div>
							<div class="col-md-6">
								<div class="abbtextbox">
									<p class="atbtit">我们致力于满足于不亚于以下
										最好的。</p>
									<p>这些设施包括最新和创新的技术，以提供最先进的治疗。</p>
									<p>这些设施包括最新和创新的技术，以提供最先进的治疗。</p>
									<p>这些设施包括最新和创新的技术，以提供最先进的治疗。</p>
									<div>
										<button class="abbbut">更多关于我们</button>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 亚洲医院 -->
		<!-- 案例 -->
		<div class="casebox">
			<div class="case">
				<div class="container">
					<div class="row">
						<div class="col-md-6">
							<p class="casetext">“我非常感谢您和您的团队在我在亚洲医院治疗心胜病发作期间给予的出色支持。出色的诊断和治疗加上您对我的耐心和善意是非常可观的</p>
							<div class="casesmallbox">
								<img src="img/index/zfb.png" alt="" class="caseimg">
								<div class="csbbox">
									<p class="csbname">王怀泳</p>
									<p class="csbtext">心脏病发作幸存者</p>
								</div>
							</div>
						</div>
						<div class="col-md-6">
							<p class="casetext">“由于我从护士、艾滋病和主管护士那里得到的出色护理，白天和黑夜变得更加轻松，他们对确保我的健康的关注非常出色
								让我说，由于工作人员提供的出色护理，你把我的噩梦变成了一个充满希望的梦想。”</p>
							<div class="casesmallbox">
								<img src="img/index/zfb.png" alt="" class="caseimg">
								<div class="csbbox">
									<p class="csbname">王怀泳</p>
									<p class="csbtext">心脏病发作幸存者</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 案例 -->
		<!-- 甜蜜 -->
		<div class="sweetbox">
			<div class="sweet">
				<p>由 2，000 多名患者信任我们，用他们的甜蜜爱。</p>
				<div>
					<button class="sweetbut">查看全部评论</button>
				</div>
			</div>
		</div>
		<!-- 甜蜜 -->
		<!-- 消息 -->
		<div class="newsbox">
			<div class="news">
				<p class="newstit">最新消息和更新</p>
				<div class="newsbotbox">
					<div class="container">
						<div class="row">
							<div class="col-md-4">
								<div class="nbbbox">
									<p>寻找最好的印度医院？</p>
									<div>
										<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
											class="bi bi-calendar-check" viewBox="0 0 16 16">
											<path
												d="M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z" />
											<path
												d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z" />
										</svg>
										<span class="bnnspan">25 七月，2020</span><svg xmlns="http://www.w3.org/2000/svg" width="16"
											height="16" fill="currentColor" class="bi bi-person-circle" viewBox="0 0 16 16">
											<path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
											<path fill-rule="evenodd"
												d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
										</svg>
										<span class="bnnspan">由管理员</span>
									</div>
								</div>
							</div>
							<div class="col-md-4">
								<div class="nbbbox">
									<p>在世界之际 糖尿病日</p>
									<div>
										<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
											class="bi bi-calendar-check" viewBox="0 0 16 16">
											<path
												d="M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z" />
											<path
												d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z" />
										</svg>
										<span class="bnnspan">25 七月，2020</span><svg xmlns="http://www.w3.org/2000/svg" width="16"
											height="16" fill="currentColor" class="bi bi-person-circle" viewBox="0 0 16 16">
											<path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
											<path fill-rule="evenodd"
												d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
										</svg>
										<span class="bnnspan">由管理员</span>
									</div>
								</div>
							</div>
							<div class="col-md-4">
								<div class="nbbbox">
									<p>如何找到多专业 艾哈迈达巴德的
										医院?</p>
									<div>
										<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
											class="bi bi-calendar-check" viewBox="0 0 16 16">
											<path
												d="M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z" />
											<path
												d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z" />
										</svg>
										<span class="bnnspan">25 七月，2020</span><svg xmlns="http://www.w3.org/2000/svg" width="16"
											height="16" fill="currentColor" class="bi bi-person-circle" viewBox="0 0 16 16">
											<path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
											<path fill-rule="evenodd"
												d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
										</svg>
										<span class="bnnspan">由管理员</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 消息 -->
		<!-- 尾部 -->
		<footer></footer>
		<!-- 尾部 -->
	</div>

	<script>
		// 头部尾部
		$(function () {
			$("header").load("./header.html")
			$("footer").load("./footer.html")
		});
        // 头部尾部
	</script>
</body>

</html>